<template>
  <ul class="ty_box">
    <li class="ty_group">
      <div class="left">商品总价:</div>
      <div class="right">￥{{result.total_price}}</div>
    </li>
    <li class="ty_group">
      <div class="left">运费:</div>
      <div class="right">+￥{{result.pay_postage}}</div>
    </li>
    <li class="ty_group" v-if="result.deduction_price > 0">
      <div class="left">积分抵扣:</div>
      <div class="right">-￥{{result.deduction_price}}</div>
    </li>
  </ul>
</template>

<script>
export default {
  props: {
     result:{
       type:Object
     }
  },
};
</script>

<style lang="scss" scoped>
.ty_box {
  margin-top: 10px;
  background-color: #fff;
  .ty_group {
    height: 43px;
    // line-height: 43px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    .left {
      color: #282828;
    }
    .right {
      color: #999;
    }
  }
}
</style>

